<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
	* {
		margin: 0;
		padding: 0;
	}
	body {
		overflow-y: scroll;
		direction: ltr;
		unicode-bidi: embed;
		font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
		font-size: 11px;
		color: #333;
	}
	h1 {
		font-size: 28px;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 20px;
	}
	h4 {
		font-size: 18px;
	}
	h5 {
		font-size: 16px;
	}
	h6 {
		font-size: 14px;
	}
	p {
		padding: 0 0 10px 0;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	form input {
		color: #999;
	}
	div.section-title {
		margin: 0 0 15px 0;
		padding: 10px;
	}
	div.section-title h1 {
		text-shadow: 1px 1px 1px #004277;
		color: #fff;
	}
	div.section-title blockquote {
		color: #bbe7fa;
	}
	
	div.box-search {
		padding: 10px;
	}
	div.box-search div.input {
		float: left;
	}
	div.box-search div.input input,
	div.box-search div.input select,
	div.box-search div.submit input {
		padding: 5px;
		height: 30px;
		border: 0;
	}
	div.paginator {
			
	}
	div.paginator span {
		display: block;
		float: left;
	}
	div.share {
		overflow: hidden;
	}
	div.share div.social,
	div.share div.newsletter {
		float: left;
		border: 1px solid #92bde7;
	}
	div.share div.newsletter {
		margin-left: 15px;
	}
	.bradius-5 {
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
	}
	.bradius-10 {
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
	}
	.grad-blue {
		background-color: #005da9;
		background: -moz-linear-gradient(270deg, #0093d1, #005da9);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005da9), to(#0093d1));
		filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#0093d1', endColorstr='#005da9');
	}
	.btn {
		border: 0;
	}
	.btn.btn-orange {
		background-color: #ffc660;
		background: -moz-linear-gradient(270deg, #ffd790, #ffc660);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffc660), to(#ffd790));
		filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffd790', endColorstr='#ffc660');
		color: #fff;
	}
</style>
</head>
<body>
	
	<div class="section-title grad-blue">
		<h1>Lorem ipsum dolor sit amet</h1>
		<blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in nulla ornare lorem egestas posuere.</blockquote>
	</div>
	
	<p class="message">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in nulla ornare lorem egestas posuere. Donec porttitor ultrices tellus, fermentum venenatis sapien vulputate vitae. Quisque aliquam dapibus elit, ac bibendum ante ultricies ut. Morbi eu mi odio, malesuada imperdiet leo. Sed ultricies facilisis libero vel facilisis. Curabitur id libero dolor, ac posuere sapien. Suspendisse non turpis ligula, ac feugiat velit. Nam ultrices varius nisl, porttitor blandit nibh sollicitudin non. Etiam eu metus at felis cursus pretium. Fusce sed lectus lorem. Suspendisse ut augue a leo malesuada consectetur vel ac diam. Aliquam sollicitudin tincidunt justo, ut molestie purus interdum quis. Duis convallis tortor nec neque vulputate ac cursus ipsum aliquam. Nullam in urna neque, ac consequat eros. In hac habitasse platea dictumst. Duis a felis et odio lacinia adipiscing vitae id purus. Aliquam tincidunt tincidunt feugiat. Suspendisse placerat pulvinar dolor id venenatis. Vestibulum sit amet neque justo, vitae lobortis nisi.</p>
	<p class="message info">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in nulla ornare lorem egestas posuere. Donec porttitor ultrices tellus, fermentum venenatis sapien vulputate vitae. Quisque aliquam dapibus elit, ac bibendum ante ultricies ut. Morbi eu mi odio, malesuada imperdiet leo. Sed ultricies facilisis libero vel facilisis. Curabitur id libero dolor, ac posuere sapien. Suspendisse non turpis ligula, ac feugiat velit. Nam ultrices varius nisl, porttitor blandit nibh sollicitudin non. Etiam eu metus at felis cursus pretium. Fusce sed lectus lorem. Suspendisse ut augue a leo malesuada consectetur vel ac diam. Aliquam sollicitudin tincidunt justo, ut molestie purus interdum quis. Duis convallis tortor nec neque vulputate ac cursus ipsum aliquam. Nullam in urna neque, ac consequat eros. In hac habitasse platea dictumst. Duis a felis et odio lacinia adipiscing vitae id purus. Aliquam tincidunt tincidunt feugiat. Suspendisse placerat pulvinar dolor id venenatis. Vestibulum sit amet neque justo, vitae lobortis nisi.</p>
	<p class="message success">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in nulla ornare lorem egestas posuere. Donec porttitor ultrices tellus, fermentum venenatis sapien vulputate vitae. Quisque aliquam dapibus elit, ac bibendum ante ultricies ut. Morbi eu mi odio, malesuada imperdiet leo. Sed ultricies facilisis libero vel facilisis. Curabitur id libero dolor, ac posuere sapien. Suspendisse non turpis ligula, ac feugiat velit. Nam ultrices varius nisl, porttitor blandit nibh sollicitudin non. Etiam eu metus at felis cursus pretium. Fusce sed lectus lorem. Suspendisse ut augue a leo malesuada consectetur vel ac diam. Aliquam sollicitudin tincidunt justo, ut molestie purus interdum quis. Duis convallis tortor nec neque vulputate ac cursus ipsum aliquam. Nullam in urna neque, ac consequat eros. In hac habitasse platea dictumst. Duis a felis et odio lacinia adipiscing vitae id purus. Aliquam tincidunt tincidunt feugiat. Suspendisse placerat pulvinar dolor id venenatis. Vestibulum sit amet neque justo, vitae lobortis nisi.</p>
	<p class="message warning">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in nulla ornare lorem egestas posuere. Donec porttitor ultrices tellus, fermentum venenatis sapien vulputate vitae. Quisque aliquam dapibus elit, ac bibendum ante ultricies ut. Morbi eu mi odio, malesuada imperdiet leo. Sed ultricies facilisis libero vel facilisis. Curabitur id libero dolor, ac posuere sapien. Suspendisse non turpis ligula, ac feugiat velit. Nam ultrices varius nisl, porttitor blandit nibh sollicitudin non. Etiam eu metus at felis cursus pretium. Fusce sed lectus lorem. Suspendisse ut augue a leo malesuada consectetur vel ac diam. Aliquam sollicitudin tincidunt justo, ut molestie purus interdum quis. Duis convallis tortor nec neque vulputate ac cursus ipsum aliquam. Nullam in urna neque, ac consequat eros. In hac habitasse platea dictumst. Duis a felis et odio lacinia adipiscing vitae id purus. Aliquam tincidunt tincidunt feugiat. Suspendisse placerat pulvinar dolor id venenatis. Vestibulum sit amet neque justo, vitae lobortis nisi.</p>
	
	<div class="box-search grad-blue bradius-5">
		
		<form>
			<div class="input text">
				<input type="text" value="¿Qué estas buscando?" />
			</div>
			<div class="input select">
				<select>
					<option>Todo Plasa</option>
					<option>Electrónica</option>
					<option>Computación</option>
					<option>Electrohogar</option>
					<option>Decohogar</option>
					<option>Muebles y Colchones</option>
					<option>Deporte y Outdoor</option>
					<option>Mundo Infantil</option>
					<option>Libros</option>
					<option>Belleza</option>
					<option>Outlet</option>
				</select>
			</div>
			
			<div class="submit">
				<input type="submit" value="Buscar" class="btn btn-orange" />
			</div>
		</form>
		
	</div>
	
	<form class="hrz">
		<div class="input text">
			<label>Lorem ipsum dolor sit amet</label>
			<input type="text" value="Lorem ipsum dolor sit amet"  />
		</div>
	</form>
	
	<form class="vrt">
		
	</form>
	
	<h1>Lorem ipsum dolor sit amet</h1>
	<h2>Lorem ipsum dolor sit amet</h2>
	<h3>Lorem ipsum dolor sit amet</h3>
	<h4>Lorem ipsum dolor sit amet</h4>
	<h5>Lorem ipsum dolor sit amet</h5>
	<h6>Lorem ipsum dolor sit amet</h6>
	
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in nulla ornare lorem egestas posuere. Donec porttitor ultrices tellus, fermentum venenatis sapien vulputate vitae. Quisque aliquam dapibus elit, ac bibendum ante ultricies ut. Morbi eu mi odio, malesuada imperdiet leo. Sed ultricies facilisis libero vel facilisis. Curabitur id libero dolor, ac posuere sapien. Suspendisse non turpis ligula, ac feugiat velit. Nam ultrices varius nisl, porttitor blandit nibh sollicitudin non. Etiam eu metus at felis cursus pretium. Fusce sed lectus lorem. Suspendisse ut augue a leo malesuada consectetur vel ac diam. Aliquam sollicitudin tincidunt justo, ut molestie purus interdum quis. Duis convallis tortor nec neque vulputate ac cursus ipsum aliquam. Nullam in urna neque, ac consequat eros. In hac habitasse platea dictumst. Duis a felis et odio lacinia adipiscing vitae id purus. Aliquam tincidunt tincidunt feugiat. Suspendisse placerat pulvinar dolor id venenatis. Vestibulum sit amet neque justo, vitae lobortis nisi.</p>
	<p>Nam diam augue, placerat non mollis nec, mattis nec nunc. Suspendisse bibendum massa non odio imperdiet quis pulvinar risus accumsan. Maecenas sit amet elit ac est viverra sagittis. Maecenas condimentum, lacus sit amet mattis ultricies, eros dui ornare lectus, sed lacinia justo tortor rutrum felis. In egestas feugiat malesuada. Duis et neque augue. Quisque metus ligula, tempus vitae bibendum at, egestas consequat lacus. Proin eleifend, nulla sed eleifend varius, dolor ipsum euismod nulla, et pellentesque purus lacus nec lacus. Sed felis urna, fermentum vel rutrum vel, adipiscing quis purus. Nulla ipsum lacus, condimentum in semper vel, commodo vehicula velit. Pellentesque rutrum congue malesuada. Vestibulum placerat libero urna. Donec tempus nisl at eros porttitor pharetra. Proin faucibus, dolor elementum vestibulum pulvinar, orci metus ornare nulla, eget adipiscing felis lorem ac libero. Mauris vitae urna in tortor gravida gravida aliquam eu felis. Cras a sagittis mi. Sed eget dui et elit euismod egestas id non neque. Morbi malesuada dui at mi convallis at egestas turpis posuere.</p>
	<p>Nullam ac ligula at urna adipiscing faucibus. Aenean molestie convallis cursus. Praesent et ligula nisl, ut posuere dolor. Aliquam tortor quam, adipiscing eget gravida et, scelerisque nec nisi. Nulla libero massa, eleifend eget feugiat bibendum, lobortis ac metus. Nulla aliquet, sapien sit amet tristique interdum, urna leo facilisis velit, cursus dictum nunc enim et lorem. Vestibulum blandit, purus eget sagittis gravida, mauris elit euismod leo, at rhoncus magna urna id velit. Nullam aliquet nisi et est semper ut pulvinar nibh ultrices. Quisque ac eros ante, ut consequat turpis. Fusce eros quam, cursus ut pulvinar et, tempor nec arcu. Fusce porttitor risus nec nulla viverra id molestie urna porttitor. Etiam ultrices sapien venenatis leo viverra non convallis neque suscipit. Nullam condimentum elementum lorem eget rutrum. Sed non leo quam. Suspendisse potenti. Ut eleifend facilisis imperdiet. Sed sit amet lorem ac tortor vestibulum semper. Fusce semper posuere nisi, eu elementum arcu condimentum sit amet. Aliquam erat volutpat. Quisque ornare interdum egestas. </p>
	
	<table>
		<thead>
			<th>Lorem</th>
			<th>Lorem</th>
			<th>Lorem</th>
			<th>Lorem</th>
			<th>Lorem</th>
			<th>Lorem</th>
			<th>Lorem</th>
			<th>Lorem</th>
			<th>Lorem</th>
			<th>Lorem</th>
			<th>Lorem</th>
			<th>Lorem</th>
		</thead>
		<tfoot>
			<td colspan="12">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in nulla ornare lorem egestas posuere. Donec porttitor ultrices tellus, fermentum venenatis sapien vulputate vitae. Quisque aliquam dapibus elit, ac bibendum ante ultricies ut. Morbi eu mi odio, malesuada imperdiet leo. Sed ultricies facilisis libero vel facilisis. Curabitur id libero dolor, ac posuere sapien. Suspendisse non turpis ligula, ac feugiat velit. Nam ultrices varius nisl, porttitor blandit nibh sollicitudin non. Etiam eu metus at felis cursus pretium. Fusce sed lectus lorem. Suspendisse ut augue a leo malesuada consectetur vel ac diam. Aliquam sollicitudin tincidunt justo, ut molestie purus interdum quis. Duis convallis tortor nec neque vulputate ac cursus ipsum aliquam. Nullam in urna neque, ac consequat eros. In hac habitasse platea dictumst. Duis a felis et odio lacinia adipiscing vitae id purus. Aliquam tincidunt tincidunt feugiat. Suspendisse placerat pulvinar dolor id venenatis. Vestibulum sit amet neque justo, vitae lobortis nisi.</td>
		</tfoot>
		<tbody>
			<td>Lorem ipsum dolor sit amet</td>
			<td>Lorem ipsum dolor sit amet</td>
			<td>Lorem ipsum dolor sit amet</td>
			<td>Lorem ipsum dolor sit amet</td>
			<td>Lorem ipsum dolor sit amet</td>
			<td>Lorem ipsum dolor sit amet</td>
			<td>Lorem ipsum dolor sit amet</td>
			<td>Lorem ipsum dolor sit amet</td>
			<td>Lorem ipsum dolor sit amet</td>
			<td>Lorem ipsum dolor sit amet</td>
			<td>Lorem ipsum dolor sit amet</td>
			<td>Lorem ipsum dolor sit amet</td>
		</tbody>
	</table>
	
	<div class="share">
		<div class="social">
			Siguenos en twitter y facebook
			<a href="" class="twitter">Twitter</a>
			<a href="" class="facebook">Facebook</a>
		</div>
		<div class="newsletter">
			<div class="input text">
				<label>No te pierdas las novedades que tenemos para ti.</label>
				<input type="text" value="Ingresa tu correo electrónico" />
			</div>
			<div class="submit">
				<input type="submit" value="Suscríbete" />
			</div>
		</div>
	</div>
	
	<div class="paginator">
		<span class="prev">Anterior</span>
		<span class="current">1</span>
		<span>
			<a href="#">2</a>
		</span>	
		<span>
			<a href="#">3</a>
		</span>	
		<span>
			<a href="#">4</a>
		</span>	
		<span>
			<a href="#">5</a>
		</span>	
		<span>
			<a href="#">6</a>
		</span>	
		<span>
			<a href="#">7</a>
		</span>	
		<span>
			<a href="#">8</a>
		</span>	
		<span>
			<a href="#">9</a>
		</span>	
		<span>
			<a href="#">10</a>
		</span>	
		<span>
			<a href="#" class="next">Siguiente</a>
		</span>
	</div>
	
</body>
</html>